<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml" xmlns:shiro="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<style>

	.userList{
		width: 70%;
		background: #fff;
		float: left;
		margin-right: 20px;
		padding: 15px;
		box-sizing: border-box;
	}

	.titleA{
		background: #ccc;
		line-height: 40px;
		padding-left: 10px;
	}

	.caption,.problem,.rubr,.mark{
		margin-top: 10px;
		font-size: 14px;
		width: 100% ;
		resize:none;
	}

	.rubr{
		height:100px !important;
	}

	.fixedList{
		width: 300px;
		float: left;
		background: #fff;
		border-radius: 5px;
		padding: 10px;
		box-sizing: border-box;
	}

	.listBox{
		margin-top: 10px;
		display: table;
	}

	.listBox li{
		cursor:pointer;
		width: 25px;
		height: 25px;
		line-height: 25px;
		text-align: center;
		border: 1px solid #ccc;
		border-radius: 5px;
		margin-right: 5px;
		margin-bottom:5px;
		float: left;
	}

	.listBox li:hover{
		background: #0fccbc;
	}

	/*.numberPeople,.maxScore,.minScore{*/
	/*	width: 150px;*/
	/*	border: 1px solid #4C4C4C;*/
	/*	border-radius: 5px;*/
	/*	margin-right: 10px;*/
	/*	text-align: center;*/
	/*	padding: 15px;*/
	/*	box-sizing: border-box;*/
	/*}*/
	#numberPeople,#maxScore,#minScore{
		margin-top: 8px;
	}
	.ibox{
		margin-bottom: 20px;
		overflow: hidden;
	}
	.fixed-table-container{
		padding-top: 16px;
	}
</style>
<head th:include="include :: header"></head>

<body class="gray-bg">
	<div class="wrapper wrapper-content ">
		<div class="col-sm-12">
			<div class="ibox">
				<div class="ibox-body">
					<div class="fixed-table-toolbar">

						<div class="ibox competition-box">
							<div class="pull-left numberPeople num-box">
								<img class="pull-left" src="/img/score1.png">
								<div class="pull-left con-right">
									<p>竞赛总人数</p>
									<p id="numberPeople"></p>
								</div>
							</div>
							<div class="pull-left maxScore num-box">
								<img class="pull-left" src="/img/score2.png">
								<div class="pull-left con-right">
									<p>最高分</p>
									<p id="maxScore"></p>
								</div>
							</div>
							<div class="pull-left minScore num-box">
								<img class="pull-left" src="/img/score3.png">
								<div class="pull-left con-right">
									<p>最低分</p>
									<p id="minScore"></p>
								</div>
							</div>
						</div>

						<div class="columns pull-left">
<!--							<button shiro:hasPermission="jzweb:examinationAnswerSheetCom:add" type="button" class="btn  btn-primary" onclick="add()">-->
<!--								<i class="fa fa-plus" aria-hidden="true"></i>添加-->
<!--							</button>-->
							<button shiro:hasPermission="jzweb:examinationAnswerSheetCom:batchRemove" type="button" class="btn  btn-danger"
								onclick="batchRemove()">
								<i class="fa fa-trash" aria-hidden="true"></i>删除
							</button>

							<button  type="button" class="btn  btn-success"
									onclick="downExcelModelFile()">导出
							</button>

						</div>
						<div class="columns pull-right">
							<button class="btn btn-success" onclick="reLoad()">查询</button>
						</div>

						<div class="columns pull-right" style="margin-right: 10px">
							<select name="selEbatchId" class="form-control" id="selEbatchId"></select>
						</div>
<!--						<div class="columns pull-right col-md-1 nopadding">-->
<!--							<select id="searchState" name="searchState" class="form-control" >-->
<!--								<option value="">请选择</option>-->
<!--								<option value="0">待审核</option>-->
<!--								<option value="1">已通过/待缴费</option>-->
<!--								<option value="2">未通过</option>-->
<!--								<option value="3">已缴费</option>-->
<!--								<option value="9">已删除</option>-->
<!--							</select>-->
<!--						</div>-->
					</div>
					<table id="exampleTable" data-mobile-responsive="true">
					</table>
				</div>
			</div>
		</div>
	</div>
	<!--shiro控制bootstraptable行内按钮看见性 -->
		<div>
			<script type="text/javascript">
				var s_edit_h = 'hidden';
				var s_remove_h = 'hidden';
				var s_resetPwd_h = 'hidden';
				var s_edit_s = 'hidden';
			</script>
		</div>

		<div shiro:hasPermission="jzweb:examinationResultsABC:edit">
			<script type="text/javascript">
				s_edit_s = '';
			</script>
		</div>

		<div shiro:hasPermission="jzweb:examinationAnswerSheetComABC:edit">
			<script type="text/javascript">
				s_edit_h = '';
			</script>
		</div>
		<div shiro:hasPermission="jzweb:examinationAnswerSheetComABC:remove">
			<script type="text/javascript">
				var s_remove_h = '';
			</script>
		</div>
		<div shiro:hasPermission="jzweb:examinationAnswerSheetComABC:resetPwd">
			<script type="text/javascript">
				var s_resetPwd_h = '';
			</script>
		</div>
	</div>
	<div th:include="include :: footer"></div>
	<script type="text/javascript" src="/js/webJs/jzweb/examinationAnswerSheetCom/examinationAnswerSheetComBSour.js"></script>
</body>
</html>